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Bezier cubic Splines are an excellent and preferred method to draw the smooth 
continuous curves often found in typography, CAD/CAM, and graphics in general. 


Among their many advantages is a very sparse data set allowing a mere eight 
values (or four x,y points) to completely define a full and carefully controlled and 
device independent curve. Many tutorials and examples are now present in our 
Cubic Spline Library. A brief and useful intro appears here. 


While the underlying math behind Bezier cubic splines is amazingly simple, its 
derivation seems to be quite hard to find. So, what | thought we’d do here is find 
out exactly where the funny numbers relating cubic spline power coefficients 
and control points come from. 


Let us once again begin by excerpting some key Bezier Cubic Spline properties 
from our HACK62.PDF tutorial... 


Here is a cubic spline shown in its graph space... 


The second influence 
point sets the direction 
and the enthuasiasm that the 
spline enters the final 
point on the curve. 


The first influence 
point sets the direction 
and the enthusiasm that the 
spline leaves the initial 
point on the curve. 


Here is how a cubic spline appears in its equation space... 


X= Ate + Bt? +Ct+D t (for time) always goes from 
mes 2 zero at the initial point to 
y=Ef+Ft°+Gt+H a one at the final point. 
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This is a faster "cube free" form of the equation space math... 
x = (((At) + B)t+C)t+D 
y =(((Et) + F)t+G)t+H 

How to get from graph space to equation space... 


A = Xg- 3X5 + 3X, - XQ E = Y3- 3Yo + 3Y;- Vo 


B = 3x, - 6X, + 3X, F = 3Yy-6 Y, + 3Yp 
C = 3x, - 3x G = 3y, - 3Yy 
D=Xy H= Yo 


How to get from equation space to graph space... 


Xp=D Yo=H 
x,=D+C/3 ¥,=H+G/3 
Xy=D+2C/3 + B/3 Yo=H+ 2G/3+F/3 
X3,=D+C+B+A Yg=H+G+F+E 


You can easily take these numbers on faith and prove that they work. But to truly 
understand cubic splines, we need to take a closer look to see exactly where all 
those strange "threes" and "sixes" really come from. 


In general, we can relate any four x control point variables to any four A-D cubic 
power coefficients. And similarly for y. The trick is to find a useful relationship 
between the two. And that is what Bezier Cubic Splines are fundamentally all 
about. And where some really sneaky math comes in. 


It turns out there is a special class of math operators that are known as Basis 


Functions. Some of these are also called Bernstein Polynomials... 


A Bernstein Polynomial of order three is exactly 
what you need to relate Bezier control points to 
cubic spline coefficients. 


So, how do we create a Basis Function of order three? Start off with... 


1=1 


... and then make this rather bizarre transformation to it... 


(1-t)+t=1 
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You often might restrict t (or "time") to values from 0 to 1. To create most any 
group of Bernstein Polynomial Basis Functions, you simply raise both sides of this 
equation to a desired power. And then separate terms of interest. 


Our crucial cubic Bernstein polynomial is... 


Thus... 
((1-t)+t)?=1 


Expands to... 
(1 - t)? + 3t(1-t)? + 3t7(1- tt) +3 =1 
Whose terms can be redefined as... 


BO(t) + B1(t) + B2(t) + B3(t) = 1 


It is very interesting to plot these cubic basis functions... 


1.0 


0.0 
t=0 t=0.5 t=1.0 


For any given t, the four basis functions will exactly sum to give the x value for 
that t. Which leads to this crucially important Bezier Cubic Spline equation... 


x(t) = xpBO(t) + x,B1(t) + x,B2(t) + x,B3(t) 


... and the corresponding y(t) equivalent ... 
y(t) = ypBO(t) + y,B1(t) + y,B2(t) + y,B3(t) 


We can immediately see that initial point x, sets the start of the curve and that 
final point x, sets the end point for us. And that x, will have its strongest (but not 
total) influence exactly at t = 1/3. Similarly, x, will be strongest at t = 2/3. 
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And the magic derivation is... 
The x equation deriving the underlying Cubic Spline math is simply... 


X9BO(t) + x,B1(t) + x,B2(t) + x,B3(t) = At? + Bt?+Ct+D 


Along with its y equivalent... 


Y,BO(t) + y,B1(t) + y,B2(t) + y,B3(t) = Et? + Ft?+Gt+H 


Since the powers of t have to vary over a 0 to 1 region, these two expressions 
can be equal only if the constant coefficients for each power of t match.... 


3 


x,B3(t) = x,t = x,t? 


x,B2(t) = x,(3t7(1-t)) = -3x,t? + 3x,t? 


x,B1(t) = x,(3t(1-t)?) 3x,t? - 6x,t? + 3x,t 


XgBO(t) = X9(1-t)? -Xot? + 3x ot? - 3Xgt + Xo 


Now, "think vertically" and regroup to get... 


A = X3 - 3X2 + 3X, - Xp 
B = 3x, - 6x, + 3Xq 
C = 3x, - 3x9 


D = Xo 


And similarly for y... 


E=y3 - 3yz + 3Y1, - Yo 
F = 3y, - 6y, + 3Yo 
G = 3y, - 3Yo 


H=ypo 
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We've already seen that x9, yg sets the start of the curve and x,,y, the end. We’ve 
also seen that influence point x,,y, sets the enthusiasm or tension that peaks at 
t = 1/3. And that x,,y, sets the enthusiasm or tension that peaks at t = 2/3. 


There are several ways of getting at the initial and final slopes of the final curve. 
By definition C will be the initial slope of the x versus t curve and will also equal 
3x, - 3X9. On our x versus y curve, the slope will be (y, - yo)/(xq - X9)- 


Thus, the x,,y, influence point will set the initial slope of the x-y cubic spline 
curve. And the x,,y, influence point will similarly set the final slope. 


The "Snake in the Box" 


It is important to remember that Bezier cubic splines independently relate x and y 
to a new parametric variable t. Which varies from 0 to 1 from the beginning to 
the end of the curve. Thus, your final two dimensional x-y plot is really one view 
of a three dimensional x-y-t plot. One good way to visualize this is to think of 
your parametric curve as a snake in a box... 


t=0 


You look into the end of the box to see how x varies with y. And into the top or 
side of the box to see the variation versus t. 


In general, the relationship between x and t will be non-obvious, with t changing 

faster along the "more bent" portions of the curve. In addition, finding t(x) given 

x(t) is non trivial. And finding y given x involves first finding t. And really gets 

ugly fast because there can be multiple y values for a given x in a looped spline. 
For More Help 


Additional info on cubic splines can be found on our Cubic Spline library page. As 
are many dozens of examples of Bezier cubic spline techniques. 


Additional consulting services are available per our Infopack services and on a 
contract or an hourly basis. Additional GuruGrams are found here. 


Further GuruGrams await your ongoing support as a Synergetics Partner. 
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